<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
         pageEncoding="ISO-8859-1"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
        <title>Login Successful</title>
    </head>
    <body>
        <h3 align="center">Welcome ${login.email}</h3>  <br/>
        <div align="center" style="padding-top: 50px">
            <div  style=" width: 500px; border: thin solid black; border-radius: 6px 6px 6px 6px; border-color: #66ccff;">
                <table style=" border: thin solid black; border-radius: 6px 6px 6px 6px; border-color: #66ccff;">
                    <thead>Stars List</thead>
                    <tr>
                        <td>Stars Name</td>
                        <td>Stars Coordinates</td>
                        <td>Stars Type</td>
                        <td>Open </td>
                        <td>Action</td>
                    </tr>
                    <tr>
                        <td>1</td>
                        <td>X:-Y:</td>
                        <td>3</td>
                        <td>4</td>
                        <td><input
                                style="
                                height: 32px;
                                display: inline-block;
                                padding: 6px 12px;
                                margin-bottom: 0;
                                font-size: 14px;
                                font-weight: normal;
                                line-height: 1.428571429;
                                text-align: center;
                                white-space: nowrap;
                                vertical-align: middle;
                                cursor: pointer;
                                background-image: none;
                                border: 1px solid transparent;
                                border-radius: 4px;
                                -webkit-user-select: none;
                                -moz-user-select: none;
                                -ms-user-select: none;
                                -o-user-select: none;
                                user-select: none;
                                color: #ffffff;
                                background-color: #d9534f;
                                border-color: #d43f3a;" 
                                type="button" value="Delete"/></td>
                        
                    </tr>
                </table>
                <table>
                    <tr>
                        <td>Name stars</td>
                        <td><input type="text" value=""/></td>
                    </tr>
                    <tr>
                        <td>Coordinate X</td>
                        <td><input type="text" /></td>
                    </tr>
                     <tr>
                        <td>Coordinate Y</td>
                        <td><input type="text" /></td>
                    </tr>
                    <tr>
                        <td>Stars type</td>
                        <td>

                            <select name="Colors">  
                                <option value="0" selected>(colors select:)</option>  
                                <option value="Blue">Blue</option>  
                                <option value="White-blue">White-blue</option>  
                                <option value="White">White</option>  
                                <option value="Yellow-white">Yellow-white</option>  
                                <option value="Yellow">Yellow</option>  
                                <option value="Orange">Orange</option>  
                                <option value="Red">Red</option> 
                            </select>  

                        </td></tr>
                    <tr>
                        <td>Who Opened</td>
                        <td>

                            <select name="Colors">  
                                <option value="0" selected>(please select:)</option>  
                                <option value="Arai">Arai</option>  
                                <option value="Kerim">Kerim</option>  
                            </select>  

                        </td></tr>
                    <tr>
                        <td><input 
                                style="
                                height: 32px;
                                display: inline-block;
                                padding: 6px 12px;
                                margin-bottom: 0;
                                font-size: 14px;
                                font-weight: normal;
                                line-height: 1.428571429;
                                text-align: center;
                                white-space: nowrap;
                                vertical-align: middle;
                                cursor: pointer;
                                background-image: none;
                                border: 1px solid transparent;
                                border-radius: 4px;
                                -webkit-user-select: none;
                                -moz-user-select: none;
                                -ms-user-select: none;
                                -o-user-select: none;
                                user-select: none;
                                color: #ffffff;
                                background-color: #5cb85c;
                                border-color: #4cae4c;" 
                                type="button" value="Add"/></td>
                        <td><input
                                style="
                                height: 32px;
                                display: inline-block;
                                padding: 6px 12px;
                                margin-bottom: 0;
                                font-size: 14px;
                                font-weight: normal;
                                line-height: 1.428571429;
                                text-align: center;
                                white-space: nowrap;
                                vertical-align: middle;
                                cursor: pointer;
                                background-image: none;
                                border: 1px solid transparent;
                                border-radius: 4px;
                                -webkit-user-select: none;
                                -moz-user-select: none;
                                -ms-user-select: none;
                                -o-user-select: none;
                                user-select: none;
                                color: #ffffff;
                                background-color: #d9534f;
                                border-color: #d43f3a;" 
                                type="button" value="Delete"/></td>


                    </tr>

                </table>
            </div>
        </div>
    </body>
</html>